

<!--功能展示区-->
<div class="banner">
    <!--幻灯片管理-->
    <div style="-webkit-transform:translate3d(0,0,0);">
        <div id="banner_box" class="box_swipe" style="visibility: visible;">
            <ul style="list-style:none; width: 1920px; transition: 500ms; -webkit-transition: 500ms; -webkit-transform: translate3d(-1280px, 0px, 0px);">
                <li style="width:640px; display:table-cell; vertical-align:top;"> <a href="javascript:void('0')"> <img src="<?php echo base_url()?>/public/mobile/images/1.png" style="width:100%;"> </a> </li>
                <li style="width:640px; display:table-cell; vertical-align:top;"> <a href="javascript:void('0')"> <img src="<?php echo base_url()?>/public/mobile/images/2.png" style="width:100%;"> </a> </li>
                <li style="width:640px; display:table-cell; vertical-align:top;"> <a href="javascript:void('0')"> <img src="<?php echo base_url()?>/public/mobile/images/3.png" style="width:100%;"> </a> </li>
                <li style="width:640px; display:table-cell; vertical-align:top;"> <a href="javascript:void('0')"> <img src="<?php echo base_url()?>/public/mobile/images/4.png" style="width:100%;"> </a> </li>
            </ul>
            <ol>
                <li class="on"></li>
                <li class=""></li>
                <li class=""></li>
                <li class=""></li>
            </ol>
        </div>
    </div>
    <script>
        $(function () {
            new Swipe(document.getElementById('banner_box'), {
                speed: 500,
                auto: 3000,
                callback: function () {
                    var lis = $(this.element).next("ol").children();
                    lis.removeClass("on").eq(this.index).addClass("on");
                }
            });
        });
    </script>
</div>
<img src="<?php echo base_url()?>/public/mobile/images/img_1.png" style="width:100%;" />

